<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_2990206_guj8a2y91zg.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/reg.css">
  <link rel="stylesheet" href="./css/cart.css">
</head>

<body>
  <header>
    <div class="nav">
      <div class="wrapper">
        <div class="top-nav">
          <ul class="nav-left">
            <li><a href="">帮助中心</a> </li>
            <li><a href="">收藏</a> </li>
            <li><a href="">360官网</a> </li>
            <li><a href="">360智慧生活</a> </li>
          </ul>
          <ul class=" snav nav-right">
            <li><a href="">登录</a> </li>
            <li><a href="">注册</a> </li>
            <a href=""><i class="iconfont icon-gouwudai" style="color:#fff;line-height: 40px;"></i></a>
          </ul>
        </div>
      </div>
    </div>
    <div class="wrapper big-nav">
      <ul class="box-left">
        <li><img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt="" style="margin-right: 20px;"></li>
        <li><a href="">|&nbsp; 购物车</a></li>
      </ul>
    </div>
    </div>

  </header>
  <div class="cartbox">
    <div class="shoptb">
      <div class="carlist">
        <table cellspacing="0" class="tables">
          <thead>
            <tr>
              <td class="td1">
                <div class="checkedbox">
                  <input type="checkbox" name="" id="">
                  <span>全选</span>
                </div>
              </td>
              <td>商品</td>
              <td>属性</td>
              <td>单价</td>
              <td>数量</td>
              <td>小计</td>
              <td>操作</td>
            </tr>
            <tr>
              <td colspan="7">360自营店
                <span
                  style="font-size: 12px; color: #f33; border:1px solid #f33; padding: 2px;background-color:#ffebe9 ">优惠券</span>
              </td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="dxk-check">
                <input type="checkbox" name="" id="">
              </td>
              <td class="td2">
                <div class="shopimg">
                  <a href="">
                    <img src="https://p1.ssl.qhimg.com/t01480f118d233044a6.png" alt="">
                  </a>
                  <a href="">
                    360可视门铃5Pro AR1C
                  </a>
                </div>
              </td>
              <td>
                分类:AR1C
              </td>
              <td>

                <span>¥429.00</span>
              </td>
              <td class="td5">
                <div class="shop-num">
                  <a href="">-</a>
                  <input type="text" class="inpbox" value="1" name="" id="" min="1" max="">
                  <a href="">+</a>
                </div>
              </td>
              <td>
                <span style=" color: #f33;">¥429.00</span>
              </td>
              <td class="td7">
                <span class="shop-del">删除</span>
              </td>
            </tr>
          </tbody>
        
        </table>
        <div class="bottom-box">
          <div class="td1  bt-td1">
            <div class="checkedbox">
              <input type="checkbox" name="" id="">
              <span>全选</span>
            </div>
          </div>
          <span class="shop-sp">删除选中商品</span>
          <div class="heji">
            <p>
              <span>已选 <b>1件</b>商品 </span>
              <b>合计:<span>￥249.00</span></b>

            </p>
            <p class="p-yh">已优惠<span>￥0.00</span></p>
          </div>
          <a href="" class="shop-btn">结算</a>
        </div>
      </div>
    </div>
  </div>
  </div>
  <footer>
    <div class="helper-box">
      <div class="f-box guanyu-box">
        <p class="f-title">关于商城</p>
        <p class="f-text">
          360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。</p>
        <div class="web-box">
          <p class="f-text">关于我们</p>
          <span><i class="iconfont icon-weixin1"></i></span>
          <a href=""> <i class="iconfont icon-weibo"></i></a>
        </div>
      </div>
      <div class="f-box servers-box">
        <p class="f-title">售后服务</p>
        <a href="">7日无理由退货</a>
        <a href="">质量问题15日内换货</a>
        <a href="">保修条款</a>
        <a href="">服务流程</a>
        <a href="">许可协议</a>
        <a href="">隐私政策</a>
      </div>
      <div class="f-box help-box">
        <p class="f-title">帮助中心</p>
        <a href="">用户注册</a>
        <a href="">会员说明</a>
        <a href="">登录与密码找回</a>
        <a href="">购买指南</a>
        <a href="">支付方式</a>
        <a href="">配送与说明</a>
      </div>
      <div class=" contack-box">
        <p class="f-title">联系我们</p>
        <p class="sm-title">400-6822-360</p>
        <p class="sm-text">周一至周日9:00-18:00 (仅收市话费)</p>
      </div>
    </div>
    <div class="floor-box">
      <div class="sh-box">
        <a href=""><i class="iconfont icon-Return"></i>7天无理由退货</a>
        <a href=""><i class="iconfont icon-exchange"></i>15天免费换货</a>
        <a href=""><i class="iconfont icon-package"></i>满99元包邮</a>
      </div>

      <div class="xia-box">
        <p>&copy;2019-2021 mall.360.cn版权所有</p>
        <p><a href="" class="a-name">京ICP备08010314号-6</a>
          <a href="" class="a-name"></a>营业执照 </a>
        </p>
        <p>公司名称:北京视觉世界科技有限公司|社会统一信用代码:91110105336460203N |<a
            href="">食品经营许可证</a><br>公司地址:北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501|联系方式:400-6822-360
        </p>

      </div>
    </div>
  </footer>
</body>

</html>